﻿<html>
<head>

<title>JSChart</title>

<script type="text/javascript" src="../sources/jscharts_mb.js"></script>

</head>
<body>

<div id="graph">Loading graph...</div>

<script type="text/javascript">
	var myData = new Array(['美国', 69.5], ['加拿大', 2.8], ['日本 & 东亚', 5.6], ['澳洲', 2.8], ['欧盟', 14.6], ['欧洲其他国家', 2.7], ['其他', 1.9]);
	var colors = ['#FA5E1F', '#FDCB3F', '#71D743', '#D23333', '#BAE73F', '#AB7B55', '#B381C9'];
	var myChart = new JSChart('graph', 'bar');
	myChart.patchMbString();
	myChart.setDataArray(myData);
	myChart.colorizeBars(colors);
	myChart.setTitle('这是标题~');
	myChart.setTitleColor('#8E8E8E');
	myChart.setAxisNameX('地区');
	myChart.setAxisNameY('%');
	myChart.setAxisColor('#c6c6c6');
	myChart.setAxisWidth(1);
	myChart.setAxisNameColor('#9a9a9a');
	myChart.setAxisValuesColor('#939393');
	myChart.setAxisPaddingTop(60);
	myChart.setAxisPaddingLeft(50);
	myChart.setAxisPaddingBottom(60);
	myChart.setTextPaddingBottom(20);
	myChart.setTextPaddingLeft(15);
	myChart.setTitleFontSize(11);
	myChart.setAxisNameFontSize(12);
	myChart.setAxisValuesFontSize(9);
	myChart.setBarValuesFontSize(9);
	myChart.setBarBorderWidth(0);
	myChart.setBarSpacingRatio(50);
	myChart.setBarValuesColor('#737373');
	myChart.setGrid(false);
	myChart.setSize(616, 321);
	myChart.setBackgroundImage('chart_bg.jpg');
	myChart.draw();
</script>

</body>
</html>